<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no, email=no">
		<meta name="HandheldFriendly" content="true">
		<title>进度更新</title>
		<link rel="stylesheet" type="text/css" href="../../css/comment.css">
		<style>
			body{background: #fff;}
			ul li{list-style: none;}
			.track-rcol{width: 100%;}
			.track-list{margin: 20px; padding-left: 5px; position: relative;}
			.track-list li{position: relative; padding:0 0 20px 25px; line-height: 18px; border-left: 1px solid #d9d9d9;}
			.track-list li:last-child{padding-bottom: 0;}
			/*.track-list li.first{color: red; padding-top: 0;}*/
			.track-list li .node-icon{position: absolute; left:-8px;top: 0; width:16px; height: 16px;background: #fff;border-radius: 50%;}
			.track-list li .node-icon b{display: block;width: 10px;height: 10px;background: #ccc;margin:3px;border-radius: 50%;}
			.track-list li:first-child .node-icon{background: ;}
			.track-list li:first-child .node-icon b{background: #FE715C;}
			.track-list li span{color: #666;}
			.track-list li p{margin-top: 5px;font-size: 14px;color: #999;}
			/*.track-list li.first .node-icon{background-position:0 -72px;}
			.track-list li .time{margin-right: 20px; position: relative; top: 4px; display: inline-block; vertical-align: middle;}
			.track-list li .txt{max-width: 600px; position: relative; top: 4px; display: inline-block; vertical-align: middle;}
			.track-list li.first .time{margin-right: 20px; }
			.track-list li.first .txt{max-width: 600px; }*/
		</style>
	</head>
	<body>
		<p class="st-item-title st-border-b">进度更新</p>
		<div class="track-rcol">
			<div class="track-list">
				<ul>
					<li class="first">
						<i class="node-icon"><b></b></i>
						<span class="time">2018-07-28 11:39</span>
						<p class="txt">快件已被签收</p>
					</li>
					<li>
						<i class="node-icon"><b></b></i>
						<span class="time">2018-07-28 08:39</span>
						<p class="txt">到达目的地河南郑州公司，快件将很快派送</p>
					</li>
					<li>
						<i class="node-icon"><b></b></i>
						<span class="time">2018-07-27 15:14</span>
						<p class="txt">到达河南郑州分拨中心进行卸车扫描，本次转运目的地：河南郑州公司</p>
					</li>
					<li>
						<i class="node-icon"><b></b></i>
						<span class="time">2018-07-26 22:17</span>
						<p class="txt">在分拨中心浙江义乌分拨中心进行称重扫描</p>
					</li>
					<li>
						<i class="node-icon"><b></b></i>
						<span class="time">2018-07-26 08:39</span>
						<p class="txt">在浙江东阳市公司进行揽件扫描</p>
					</li>
					<li>
						<i class="node-icon"><b></b></i>
						<span class="time">已发货</span>
						<p class="txt">卖家已发货</p>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
